﻿.ace-raven {
    background-color: @well-bg;    
    color: @pre-color;

    .ace_gutter {
        background: @well-bg-2;
        color: fadeout(@pre-color,30%);
    }

    .ace_print-margin {
        width: 1px;
        background: @hr-border;
    }

    .ace-pastel-dark-raven {
        background-color: @pre-bg;
        color: @pre-color;
    }

    .ace_cursor {
        color: @pre-color;
    }

    .ace_marker-layer .ace_selection {
        background: fadeout(@color-4,70%);
    }


    &.ace_multiselect .ace_selection.ace_start {
        box-shadow: 0 0 3px 0px #2C2828;
    }

    .ace_marker-layer .ace_step {
        background: rgb(102, 82, 0)
    }

    .ace_marker-layer .ace_bracket {
        margin: -1px 0 0 -1px;
        border: 1px solid rgba(255, 255, 255, 0.25)
    }

    .ace_marker-layer .ace_code-removed {
        background: fade(@brand-danger, 15%);
        position: absolute;
    }

    .ace_marker-layer .ace_code-added {
        background: fade(@brand-success, 15%);
        position: absolute;
    }

    .difference_gap {
        background: fade(@pre-bg, 50%);
    }

    .ace_marker-layer .ace_active-line {
        background: fade(@gray-lighter,7%);
    }

    .ace_gutter-cell.ace_removed {
        background-image: url("");
        background-position: 2px 2px;
        background-repeat: no-repeat;
    }

    .ace_gutter-cell.ace_added {
        background-image: url("");
        background-position: 2px 2px;
        background-repeat: no-repeat;
    }

    .ace_gutter-active-line {
        background-color: @pre-bg;
    }

    .ace_marker-layer .ace_selected-word {
        border: 1px solid rgba(221, 240, 255, 0.20)
    }

    .ace_invisible {
        color: rgba(255, 255, 255, 0.25)
    }

    .ace_keyword, .ace-pastel-dark-raven .ace_type, .ace-pastel-dark-raven .ace_meta {
        color: @color-4-2;
    }

    .ace_constant, .ace-pastel-dark-raven .ace_constant.ace_character, .ace-pastel-dark-raven .ace_constant.ace_character.ace_escape, .ace-pastel-dark-raven .ace_constant.ace_other {
        color: @color-3-2;
    }

    .ace_keyword.ace_operator {
        color: @color-1;
    }

    .ace_operator {
        color: @color-1;
    }

    .ace_name {
        color: @color-3-1;
    }

    .ace_constant.ace_character {
        color: @color-2-2;
    }

    .ace_constant.ace_language {
        color: @color-3;
    }

    .ace_constant.ace_numeric {
        color: @token-number;
    }

    .ace_invalid, .ace_invalid.ace_illegal {
        color: #F8F8F8;
        background-color: rgba(86, 45, 86, 0.75)
    }

    .ace_invalid.ace_deprecated {
        text-decoration: underline;
        font-style: italic;
        color: @color-4-2;
    }

    .ace_fold {
        height: auto !important;
        margin-top: 0 !important;
        background: @color-5 !important;
        border: none !important;
        border-radius: 20px !important;
        cursor: pointer !important;
        pointer-events: auto !important;

        &:before {
            content: "\f112";
            color: @gray-lighter !important;
            font-family: 'icomoon' !important;
            margin: 0 8px;
            display: inline-block;
            font-size: 13px;
        }
    }

    .ace_function {
        color: @color-4-1;
    }

    .ace_string {
        color: @token-string;
    }

    .ace_string.ace_regexp {
        color: @color-2;
    }

    .ace_comment {
        color: @color-3-3;
    }

    .ace_variable {
        color: @token-keyword;
    }

    .ace_metadata {
        opacity: 0.6;
    }

    .ace_variable.ace_language {
        color: @color-2-3;
    }

    .ace_xml-pe {
        color: #494949
    }

    .ace-pastel-dark-raven .ace_indent-guide {
        background: url() right repeat-y
    }
}

.ace_search_field {
    color: @gray-900!important;
}
